// 讲解生命周期函数，需要先用类组件来讲，有了基础，再去用函数组件结合hooks来讲
// react生命周期分为3个阶段：  挂载 --- 更新 --- 销毁
import {Component} from 'react'
class Header extends Component{
  //写三个生命周期函数
  //1. constructor
  constructor(props){
     // 如果一个类继承自另外一个类，为什么要写super
     //具体含义是：https://es6.ruanyifeng.com/#docs/class-extends#super-%E5%85%B3%E9%94%AE%E5%AD%97
    super(props) // 如果手动写了constructor这个函数，必须调用super这个函数
    console.log('constructor 组件创建第一个进入的函数');
  }
  componentDidMount(){
    console.log('componentDidMount 组件挂载完成之后进入的函数:发请求，操作最后的dom的操作');
  }
  render(){
    console.log('render 组件渲染函数');
    return(
      <div>
        <h1>测试类组件的生命周期函数</h1>
      </div>
    )
  }
}
function App(){
  return(
    <div>
      <Header/>
    </div>
  )
}
export default App